import BackgroundTransitions from '../../../cssAnimation/BackgroundTransitions/BackgroundTransitions.jsx'

const Demo = () => {
	return <div className="note-example-box">
		<div className="note-example-intro">正方体展示</div>
		<div className="aninote-example-box">
			<div>
				<BackgroundTransitions type="fade">fade</BackgroundTransitions>
				<BackgroundTransitions type="sweep-to-right">sweep-to-right</BackgroundTransitions>
				<BackgroundTransitions type="sweep-to-left">sweep-to-left</BackgroundTransitions>
				<BackgroundTransitions type="bounce-to-right">bounce-to-right</BackgroundTransitions>
				<BackgroundTransitions type="bounce-to-left">bounce-to-left</BackgroundTransitions>
				<BackgroundTransitions type="radial-out">radial-out</BackgroundTransitions>
				<BackgroundTransitions type="radial-in">radial-in</BackgroundTransitions>

				<BackgroundTransitions type="rectangle-in">rectangle-in</BackgroundTransitions>
				<BackgroundTransitions type="rectangle-out">rectangle-out</BackgroundTransitions>
				<BackgroundTransitions type="shutter-in-horizontal">shutter-in-horizontal</BackgroundTransitions>
				<BackgroundTransitions type="shutter-out-horizontal">shutter-out-horizontal</BackgroundTransitions>
				<BackgroundTransitions type="shutter-in-vertical">shutter-in-vertical</BackgroundTransitions>
				<BackgroundTransitions type="shutter-out-vertical">shutter-out-vertical</BackgroundTransitions>
			</div>
		</div>
	</div>;
}


export default Demo
